<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/libs/jquery.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/cart.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.6.0/lodash.min.js"></script>
    <link rel="stylesheet" href="./css/qyxc.min.css">
    <link rel="stylesheet" href="./css/tmall.style.min.css">
    <link rel="stylesheet" href="./css/font_2750431_bl4ygewgyt/iconfont.css">
    <link rel="stylesheet" href="./css/font_2750469_8tjh37weihm/iconfont.css">
</head>

<body>
    <div id="page1"></div>
    <div class="mallpage">
        <div class="banner">
            <div class="banner-left">
                <div class="tab-pannel"><a href="#"><img src="./images/banner.jpg" alt=""></a></div>
                <div class="tab-pannel"><a href="#"><img src="./images/banner2.jpg" alt=""></a></div>
                <div class="tab-pannel"><a href="#"><img src="./images/banner3.jpg" alt=""></a></div>
                <div class="tab-pannel"><a href="#"><img src="./images/banner4.jpg" alt=""></a></div>
                <div class="tab-pannel"><a href="#"><img src="./images/banner5.jpg" alt=""></a></div>
            </div>
            <div class="inde">
                <ul></ul>
            </div>

        </div>
        <div class="tb-module">
            <div class="tb-brand">
                <p></p>
            </div>
            <div class="con-inner">
                <div class="j-dynamic">
                    <ul>
                        <li style="border-left: 1px solid #d7d6d6;"><a href="#"><img src="./images/brandlog1.png"
                                    alt=""></a></li>
                        <li><a href="#"><img src="./images/brandlog2.png" alt=""></a></li>
                        <li><a href="#"><img src="./images/brandlog3.png" alt=""></a></li>
                        <li><a href="#"><img src="./images/brandlog4.png" alt=""></a></li>
                        <li><a href="#"><img src="./images/brandlog5.png" alt=""></a></li>
                        <li><a href="#"><img src="./images/brandlog6.png" alt=""></a></li>
                        <li><a href="#"><img src="./images/brandlog7.png" alt=""></a></li>
                    </ul>
                </div>
            </div>
            <div class="tb-module">
                <div class="zebra-cat">
                    <h3><a href="#"><img
                                src="https://img.alicdn.com/tps/i4/TB16wRXMPDpK1RjSZFrwu178VXa.png_2200x2200Q50s50.jpg_.webp"
                                alt=""></a></h3>
                </div>
            </div>
        </div>

        <div class="itemConteiner">

            <ul class="act-list">

            </ul>

        </div>

        <div class="tb-module">
            <div class="zebra-cat">
                <h3><a href="#"><img src="./images/jinkouyuanzhuang.jpg" alt=""></a></h3>
            </div>
        </div>
        <div class="itemConteiner">

            <ul class="act-list">


            </ul>

        </div>
        <div class="tb-module">
            <div class="zebra-cat">
                <h3><a href="#"><img src="./images/jinxuanhaorou.jpg" alt=""></a></h3>
            </div>
        </div>
        <div class="itemConteiner">
            <ul class="act-list">

            </ul>
        </div>
    </div>
    <div class="Fashion_public_right_nav_top">
        <div class="public-title">
            <img src="./images/reweima.png" alt="">
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>
        <div class="floor-nav-box">
            <div class="virtual">
                <a style='cursor:pointer'><span class="txt">大牌精选</span></a>
            </div>
        </div>

        <a style='cursor:pointer'>
            <div class="mui-act-top-bg"></div>
        </a>
    </div>

    <div class="footer">
        <div class="tmall-desc">
            <dl class="ensure">
                <dt><span>购物指南</span></dt>
                <dd><a href="">免费注册</a></dd>
                <dd><a href="">开通支付宝</a></dd>
                <dd><a href="">支付宝充值</a></dd>
            </dl>
            <dl class="ensure">
                <dt><span>购物指南</span></dt>
                <dd><a href="">免费注册</a></dd>
                <dd><a href="">开通支付宝</a></dd>
                <dd><a href="">支付宝充值</a></dd>
            </dl>
            <dl class="ensure">
                <dt><span>购物指南</span></dt>
                <dd><a href="">免费注册</a></dd>
                <dd><a href="">开通支付宝</a></dd>
                <dd><a href="">支付宝充值</a></dd>
            </dl>
            <dl class="ensure">
                <dt><span>购物指南</span></dt>
                <dd><a href="">免费注册</a></dd>
                <dd><a href="">开通支付宝</a></dd>
                <dd><a href="">支付宝充值</a></dd>
            </dl>
            <dl class="ensure">
                <dt><span>购物指南</span></dt>
                <dd><a href=""><img src="./images/bottomerweima.png" alt=""></a></dd>

            </dl>
        </div>
        <div class="tmallcopyright" id="page2">

        </div>
</body>

</html>
<script>
    $("#page1").load("./header.html");
    $("#page2").load("./footer.html");
    $.ajax({
        url: './api/prodList',
    }).then(function (res) {
        let { msg, data } = res;
        let strHtml = ``;
        data.forEach(item => {
            strHtml += ` <li class=${item}>
                
                
                                <div class="tiemBox">
                                <a  href="./detalis.html?id=${item.pId}" > 
                                <div class="pic"><img src=${item.img} alt="" > </div>
                                <div class="info-box">
                                    
                                    <p class="desc">${item.pName}</p><s></s>
                                    <div class="info-detall">
                                        <div class="log"><img src="./images/brandlog7.png" alt=""></div>
                                        <div class="price-box">
                                            <p class="oprice">专柜价<span>￥</span><span>${item.pPrice}</span></p>
                                            <p class="price">狂欢价<span>￥</span><span class="item-rpiec-num">252</span></p>
                                        </div>
                                    </div>
                               
                                </div>
                            </a>
                                <div class=btn data-meun-id=${item.id}>
                                    立即购买
                                </div>
                               
                            </div>
                       
                        </li>`
            return strHtml;
        })
        $('.act-list').append(strHtml)


    })
</script>